<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="bootstrap-4.5.0/dist/css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="font-awesome-4.7.0/css/font-awesome.css" />
		<link rel="stylesheet" type="text/css" href="css/about.css" />
		<script src="js/jquery-3.3.1.js" type="text/javascript" charset="UTF-8"></script>
		<script src="bootstrap-4.5.0/dist/js/bootstrap.bundle.js" type="text/javascript" charset="UTF-8"></script>
		<script src="bootstrap-4.5.0/dist/js/bootstrap.js" type="text/javascript" charset="UTF-8"></script>
		<script src="js/popper.js" type="text/javascript" charset="UTF-8"></script>
		<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div class="container py-3">
			<div class="row">
				<div class="col-lg-2 col-12 text-center pb-2">
					<img src="img/logo-header-06.png" />
				</div>
				<!-- 头部搜索框 -->
				<div class="col-lg-6 col-12 mb-3">
					<form class="rounded-pill d-flex border search">
						<ul class="nav ml-3">
							<li class="nav-item">
								<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" style="color: gray;">MOVIES</a>
								<div class="dropdown-menu">
									<a href="#" class="dropdown-item menu_jg">VIDEOS</a>
									<hr style="color: gainsboro;" />
									<a href="#" class="dropdown-item  menu_jg">CATEGORIES</a>
									<hr style="color: gainsboro;" />
									<a href="#" class="dropdown-item menu_jg">POPULAR</a>
								</div>
							</li>
						</ul>
						<input type="text" class="border-0 headfa  border-right-0 border-bottom-0 border-top-0 mr-2 h-75 w-75 align-self-center" />
						<a href="#" class="fa fa-search mr-3 pt-2 mt-1" style="color: gray;"></a>
					</form>
				</div>
				
				<div class="col-lg-4 d-lg-block d-none ">
					<div class="d-flex flex-wrap ml-auto">
						<div class="rounded-circle mx-1 div1">
							<i class="fa fa-facebook fa-1x aa mx-auto"></i>
						</div>
						<div class="rounded-circle mx-1 div1">
							<i class="fa fa-twitter fa-1x aa mx-auto"></i>
						</div>
						<div class="rounded-circle mx-1 div1">
							<i class="fa fa-google-plus fa-1x aa mx-auto"></i>
						</div>
						<div class="rounded-circle mx-1 div1">
							<i class="fa fa-twitter fa-1x aa mx-auto"></i>
						</div>
						<button type="button" class="btn btn-danger rounded-pill">SUBMIT VIDFO</button>
					</div>
				</div>
				
			</div>
		</div>

		<!-- 头部项目导航栏 -->
		<div class="w-100 headertwo">
			<div class="container">
				<div class="navbar navbar-expand-md py-0">
					<button class="navbar-toggler  mr-5 py-2 d-block justify-content-center" data-toggle="collapse" data-target="#menu">
						<i class="fa fa-bars bar text-light"></i>
					</button>
					<div class="navbar-inner collapse navbar-collapse" id="menu">
						<ul class="nav nav-pills navbar-nav">
							<li><a href="index.html">HOME</a></li>
							<li class="dropdown"><a href="shop.html">MOVIE</a>
								<ul class="dropdown-menu head2 py-0">
									<li><a href="shop.html">Shop</a></li>
									<li><a href="shop_details.html">Shop_details</a></li>
								</ul>
							</li>
							<li class="dropdown"><a href="video.html">VIDEO</a>
								<ul class="dropdown-menu py-0">
									<li><a href="video.html">Video</a></li>
									<li><a href="video_details.html">Video_details</a></li>
								</ul>
							</li>
							<li class="dropdown"><a href="about.html">FEATURES</a>
								<ul class="dropdown-menu py-0">
									<li><a href="about.html">About</a></li>
									<li><a href="submit.html">Submit</a></li>
									<li><a href="list_authors.html">List_authors</a></li>
									<li><a href="authors_details.html">Authors_details</a></li>
								</ul>
							</li>
							<li class="dropdown"><a href="blog.html">BLOG</a>
								<ul class="dropdown-menu py-0">
									<li><a href="blog.html">Blog</a></li>
									<li><a href="blog_details.html">Blog_details</a></li>
								</ul>
							</li>
							<li><a href="contact.us.html">CONTACT</a></li>
						</ul>
					</div>
					<div class="right ml-auto">
						<span class="mr-0">
							<i class="fa fa-user"></i>
							<span>WELCOME GUEST!</span>
							<span style="color: red;">LOGIN</span>
						</span>
					</div>
				</div>
			</div>
		</div>

		<!-- 背景图 -->
		<div style="background-image:url(img/bg-page-title-04.jpg);width: 100%;height: 400px;">
			<!-- 黑幕 -->
			<div class="container-fluid" style="background-color:rgba(0,0,0,0.5);width: 100%;height: 400px;">


				<!--Modern warfare(2018)-->

				<div class="container p-0 ">

					<h1 class="text-center pt-5" style="color: white;">Modern warfare(2018)</h1>
					<p class="text-center  py-3 pb-5 " style="color: white;">
						To start the day in the best way, enjoythe extraordinary<br />
						buffetbreakfast in the ourcourtyard caressed
					</p>

				</div>
			</div>
		</div>



		<!-- 中 -->
		<div class="container d-flex flex-column py-5 mt-5">
			<div class="row ">
				<!-- 中左 -->
				<div class="col-lg-4 col-12 dww big">
					
					<div class="row position-sticky sticky-top">
						<div class="col-12">
								<div style="width: 100%; box-shadow: 3px 3px 3px 3px gainsboro;">
				<div class="p-3 ">
							<div class="row">
								<div class="col-12">
									<div class="w-100 h-100 overflow-hidden">
										
										<img src="img/product-05.jpg"class="w-100 " />
									</div>
								</div>
							</div>
							
					
					
				<img src="img/star-01.png" class="xin " />
				<i>5</i>
				<span class="zhuz">IMDb</span>
				<button class="border-0 ">HOT</button>
					
				<div class=" pl-4 mt-3">
				
					<!-- 列表 -->
	<p class="hs pr-lg-5 mb-2 f_zt font-weight-bold"style="color: black;" >Actors:<span class="r_fd hs">Julia Toufis</span></p >
	<p class="hs pr-lg-5 mb-2 f_zt font-weight-bold"style="color: black;" >Writer:<span class="r_fd hs"> noah</span></p >
	<p class="hs pr-lg-5 mb-2 f_zt font-weight-bold"style="color: black;" >Release:<span class="r_fd hs"> May 12,2018</span></p >
	<p class="hs pr-lg-5 mb-2 f_zt font-weight-bold"style="color: black;" >Genres:<span class="r_fd hs">Action</span></p >
	<p class="hs pr-lg-5 mb-2 f_zt font-weight-bold"style="color: black;" >Country:<span class="r_fd hs">USA</span></p >
	<p class="hs pr-lg-5 mb-2 f_zt font-weight-bold"style="color: black;" >Runtime:<span class="r_fd hs">60 min</span></p >
	<p class="hs pr-lg-5 mb-2 f_zt font-weight-bold"style="color: black;" >Language:<span class="r_fd hs">English</span></p >
	<p class="hs pr-lg-5 mb-2 f_zt font-weight-bold"style="color: black;" >Type:<span class="r_fd hs">Short</span></p >
				
		<!-- <button type="button" class="btn btn-danger rounded-pill mt-2  w-75 "> WATCH VIDEO</button>		 -->	
				<div class="text-center mr-5">
					
				
				<a href="#" class="btn  btn-danger rounded-pill mx-auto " style="color: white;text-align: center;">SUBMIT VIDEO</a>
				</div>	
				
				</div>	
					
				</div>
			</div>	
						</div>
					</div>

			
		
			
					
					
					
				</div>






				<!-- 中右 -->
				<div class="col-lg-8">

					<b class="float-left ys">MOVIE STORY</b><br />
					<p class="pt-3 ">Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut
						labore etdolore magna aliqua.ut enim ad minim veniam, quls nostrud exercitation ullamco laboris nisl ut aliquipex
						ea commodo consequatDuis aute irure dolor in reprehendarit in voluptate velit esse cillum dalore eufugiat nulla
						pariatur. Excepteur sint occaocat cupidatat non proident, sunt in culpa qui officic desoruntmollit anim id est
						laborum.sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantiumdoloremque laudantium, totam
						rem aperiam,eaque ipsa quae ab illo inventore veritatis et quasiarchitecto beatae vitae</p>
					<p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed qula magni doloreseos qui
						ratione voluptatem sequi nesciunt.Neque porro quisquam est, qui dolorem ipsum quia dolor sitamet, consectetur,
						adipisci velit, sed quia non numquam elus modi tempora incidunt ut labore ot doloremagnam aliquam quaerat
						voluptatem.</p>
<div class="row">
	<div class="col-12">
			<b class="float-left ys pt-5">VIDEO & PHOTO</b><br />
	</div>
</div>
				
					<div class="row big">
						<div class="col-12 mt-3">
							<div class="h-100 w-100 overflow-hidden">
								<img src="img/single-blog-01.jpg" class="w-100" />
								</div>
						</div>
					</div>
					<p class="mt-3">Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia magni doloresoos qui
						ratione voluptatem sequi nesciunt.Neque porro quisquam est, qui dolorem ipsum quia dolor sitamet,consectetur,
						adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et doloremagnam aliquam quaerat
						woluptatem.</p>


					<!-- ----tags------ -->

					<div class="d-flex flex-lg-row flex-column ">
						<div class="mt-4">
							TAGS:<b class="hong">film marker,film studio</b>
						</div>
						<!--share /图标-->

						<div class="ml-lg-auto mt-3">


							<span class="">SHARE </span>
							<span class="fa fa-facebook fa-twitter  m-2 hong "></span>
							<span class="fa  fa-twitter   m-2 hong"></span>
							<span class="fa  fa-linkedin    m-2 hong"></span>
							<span class='fa fa-vimeo  m-2 hong'></span>

						</div>

					</div>
							
					





					<!-- 信息格 -->


					<div style="border: 1px solid gainsboro;" class=" mt-5">
						<div class="container row text-center  my-5">


							<div class="col-lg-4 col-12 p-2">
								<img src="img/ava-02.jpg" width="200px" height="200px" />
								<div>
									<i class="fa fa-facebook pt-3 fa-1x hs"></i>
									<i class="fa fa-twitter pt-3 fa-1x ml-5 hs"></i>
									<i class="fa fa-google-plus pt-3 fa-1x ml-5 hs"></i>
								</div>

							</div>
							<div class="col-lg-8 p-2">
								<b class="float-left">Michael Mikado</b> <br />
								<p class="hs float-left">Front-end dev</p><br />
								<p class="hs float-left text-left">lf you are a newbie to managing a WordPress website, then tions! You arehere
									at the right track with us be we are going to introduce you one of themost basic knowledge when owning a
									WordPress page: how to find yoursite</p>

							</div>
						</div>

					</div>

					<!-- --------- -->
				
						<div class="container row text-center mx-auto my-5 px-0">
							<div class="col-lg-6 col-12 span px-0">
								<div style="border: 1px solid gainsboro;">
									<div class="row py-5">
										<div class="col-4 py-3 mt-3">
											<span class="fa fa-arrow-left mr-2 hs fa-2x rounded-circle div2"></span>
										</div>
										<div class="col-8">
											
										
										<span style="float: right;"class="hong pr-2">PREVIOUS</span><br />
										<span style="float: right;" class=" pr-2"><b>Exploring the Vew York</b></span><br />
										<span style="float: right;"class="hs pr-2">October 15,2018</span>
										</div>
									</div>
									
								</div>
							</div>	
								
								<div class="col-lg-6 col-12 span px-0">
									<div style="border: 1px solid gainsboro;">
										<div class="row py-5">
											
											<div class="col-8">
												
											
											<span style="float: left;"class="hong pl-2">NEXT</span><br />
											<span style="float: left;" class=" pl-2"><b>Exploring the Vew York</b></span><br />
											<span style="float: left;"class="hs pl-2">October 15,2018</span>
											</div>
											
											<div class="col-4 py-3 mt-3">
												<span class="fa fa-arrow-right mr-2 hs fa-2x rounded-circle div2"></span>
											</div>
										</div>
										
									</div>
								</div>		
								
						</div>
						

					<!-- ---------- -->
					<div class="container d-flex row mt-3">
						<b class='mt-4' style="font-size: 20px;">2 COMMENTS</b>

					</div>

					<hr />

					<!--第一个人信息-->
					<div class="row mt-5">
						<div class="col-2 p-0">
							<img src="img/ava-01.jpg" class="w-100" />
						</div>
						<div class='col-10'>
							<h5>Edyagte
								<!-- <span class=' hong float-right'>reply</span> -->
								<a href="#" class='hong  float-right'>reply</a>
							</h5>
							<h5 class='hs'>November 11,2016 at 9:10 AM</h5>
							<p class="hs">
								So far, the corversion increase is more due to plain blunt force, but the quality of bossconversions and
								subsequent leads can be increased
							</p>
						</div>
					</div>
					<hr />
					<!--第二个人信息-->
					<div class="row mt-5">
						<div class="col-2 ">

						</div>
						<div class="col-2 p-0">
							<img src="img/ava-01.jpg" class="w-100" />
						</div>
						<div class='col-8'>
							<h5>Edyagte
								<!-- <span class=' hong float-right'>reply</span> -->
								<a href="#" class='hong  float-right'>reply</a>
							</h5>
							<h5 class='hs'>November 11,2016 at 9:10 AM</h5>
							<p class="hs">
								So far, the corversion increase is more due to plain blunt force, but the quality of bossconversions and
								subsequent leads can be increased
							</p>
						</div>
					</div>

					<!-- ------------leave a conmment -->

					<div class="container">
						<hr />
						<p class="hs">Your email address will not be published.Required fields are marked*</p>
						<div class=" container mx-auto text-white align-content-center px-0">

							<div class="container row mx-auto  text-center mt-3 px-0">


<!-- 1 -->
								<div class="col-lg-6 col-12 px-1  py-2 ">

									<input class="my-3 w-100 py-2  px-3" type="text" placeholder="Yours Name*" />
								</div>
					<!-- 2 -->			
								
								<div class="col-lg-6 col-12 px-1  py-2 ">
								
									<input class="my-3 w-100 py-2  px-3" type="text" placeholder="Yours Name*" />
								</div>
							<!-- 3 -->	
								<div class="col-12 px-0  py-2">
									<textarea rows="7" class="w-100 " placeholder="Enter your comment*"></textarea>
								</div>
<button type="button" class="btn  rounded-pill mt-2 " style="background-color: red;color: white;"> SEND YOUR MESSAGR</button>

							</div>

						</div>

					</div>


<!-- --------tou may also like--------- -->
			<div class="container row mt-5 ">
				<h2>You May Also Like</h2>
				<div class="d-flex ml-lg-auto">
					<!-- 左右图标 -->
					<a href="#"class="text-center ">
						<span class="fa fa-angle-left mr-2 hs fa-2x rounded-circle div2"></span>
					</a>
					<a href="#" class="text-center  ">
						<span class="fa fa-angle-right  hs fa-2x rounded-circle div2"></span>
					</a>
				</div>
				
			</div>
			<hr />
			<!-- 三张图 -->
			<div class="container row text-center">
				
			
			<div class="col-lg-4 dw">
				<img src="img/post-01.jpg" class="w-100"/>
				<img src="img/star-01.png" class="a" />
				<i>5</i>
				<span class="zhu">IMDb</span>
				<button class="border-0">HOT</button>
			<div class="mt-3">
				<b>How To Make a Pimple<br/>Disappear with Makeup</b>
			</div>	
			
			</div>
			<div class="col-lg-4 dw">
				<img src="img/post-02.jpg" class="w-100"/>
				<img src="img/star-01.png" class="a" />
				<i>5</i>
				<span class="zhu">IMDb</span>
				<button class="border-0"style="background-color: orangered;">HOT</button>
				<div class="mt-3">
					<b>How To Make a Pimple<br/>Disappear with Makeup</b>
				</div>	
			</div>
			<div class="col-lg-4 dw">
				<img src="img/post-03.jpg"class="w-100" />
				<img src="img/star-01.png" class="a" />
				<i>5</i>
				<span class="zhu">IMDb</span>
				<button class="border-0">HOT</button>
			<div class="mt-3">
				<b>How To Make a Pimple<br/>Disappear with Makeup</b>
			</div>	
			</div>
			</div>

<!-- ------------ -->
				</div>
			</div>
		</div>






		<!-- ----------尾部---------------- -->
<div style="background-color:#222222;" class="py-5">
			<div class="container row" style="margin: 0px auto;">
				<!--尾- 左 -->
				<div class="col-lg-4 mt-4 text-center zuo">
					<img src="img/logo-header-05.png" class="mt-2" />
					<p class="mt-4 hs">
						Lommodo ligula eget dolor.Aenean massa.Cum sociis
						que penatibus et magins dis parturent montes lorem,
						nascetur ridiculus.Donec quam delis,ultricies nec
						masson.Cum sociis
					</p>
		
					<!-- <li class="nav-item dropdown btn-group ml-auto mt-3">
						<input type="text" placeholder="Email" style="background-color: #222222;border: white;" class="border w-75 " />
						<a href="#" class="btn" style="background-color: red;color: white;">SUBSCRIBE</a>
					</li> -->
				<form  class=" d-flex border-0 W-100 py-3 container">
				<input type="text" class="border border-dark w-75 px-3 ml-auto text-muted" placeholder="Eamil"/>
			<a href="#" class="w-50 p-0 ">
		  <button type="button" class="text-white border-0 w-100">SUBSCRIBE</button>
				</a>  
				</form>
		
					<div class="tu mt-4">
						<i class="fa fa-facebook  mr-2  hs "></i>
						<i class="fa fa-twitter  mr-2  hs "></i>
						<i class="fa fa-vimeo  mr-2  hs "></i>
						<i class="fa fa-youtube-play  mr-2  hs "></i>
						<i class="fa fa-glide-g  mr-2  hs "></i>
						<i class="fa fa-camera-retro  mr-2  hs "></i>
					</div>
		
		
				</div>
				<!--尾- 中 -->
				<div class="col-lg-4 mt-4">
					<h5 style="color: white;font-weight: bold;">LATSET POSTS</h5><br>
					<div class="row">
						<!-- 图一 -->
						<div class="col-4">
							<img src="img/png-post-01.png" />
						</div>
						<div class="col-8 p-0">
							<h5 style="color: white;">Healthy Benefits Of Raw Food And Healthy Diet</h5>
							<p class="hs">Dec 30,2016</p>
						</div>
		
						<!-- 图二 -->
						<div class="col-4 mt-3">
							<img src="img/png-post-02.png" />
						</div>
						<div class="col-8 p-0 mt-3">
							<h5 style="color: white;">Healthy Benefits Of Raw Food And Healthy Diet</h5>
							<p class="hs">Dec 30,2016</p>
						</div>
						<!-- 图三 -->
						<div class="col-4 mt-3">
							<img src="img/png-post-03.png" />
						</div>
						<div class="col-8 p-0 mt-3">
							<h5 style="color: white;mar">Healthy Benefits Of Raw Food And Healthy Diet</h5>
							<p class="hs">Dec 30,2016</p>
						</div>
					</div>
				</div>
				<!--尾- 右 -->
				<div class="col-lg-3  mt-4  ">
					<p style="color: white;font-weight: bold; font-size: 20px;"class="ml-2">POPULAR CATEGORY</p>
					<!-- 列表 -->
					<p class="m-2"> <a href="#" class="hs   f_zt"style="text-decoration: none;">Fragrances<span class="r_fd  ">15</span></a></p>
					<p class="m-2"> <a href="#" class="hs   f_zt" style="text-decoration: none;">Hair Care<span class="r_fd ">12</span></a></p>
					<p class="m-2"> <a href="#" class="hs   f_zt" style="text-decoration: none;">Make Up<span class="r_fd ">6</span></a></p>
					<p class="m-2"> <a href="#" class="hs   f_zt" style="text-decoration: none;">Outfits<span class="r_fd ">5</span></a></p>
					<p class="m-2"> <a href="#" class="hs   f_zt" style="text-decoration: none;">Skin Care<span class="r_fd ">10</span></a></p>
					<p class="m-2"> <a href="#" class="hs   f_zt" style="text-decoration: none;">Style<span class="r_fd ">8</span></a></p>
					<p class="m-2"> <a href="#" class="hs   f_zt" style="text-decoration: none;">Fashion<span class="r_fd ">5</span></a></p>
					<p class="m-2"> <a href="#" class="hs   f_zt" style="text-decoration: none;">Lifestyle<span class="r_fd ">2</span></a></p>
					<p class="m-2"> <a href="#" class="hs   f_zt" style="text-decoration: none;">Wellness<span class="r_fd">3</span></a></p>
						
						
						
				</div>
		
			</div>
		
		
		</div>
		
		<!-- 最后一行 -->
		<div class="container-fluid text-center " style="background-color: black;">
			<div class="row">
				<div class="mx-auto col-lg-6">
					<p class="mt-3" style="color: gray;">Copyright 2018 Corporate WordPress Theme by All aright <span style="color: red;">ThimPress</span></p>
				</div>
		
			</div>
			<button class="btn text-white px-3 mr-4 mb-4" id="test" style="background-color: red; position: fixed;right: 0;bottom: 0;">↑</button>
		</div>
	</body>
	<script type="text/javascript">
		test.onclick = function() {
			scrollTo(0, 0);
		}
	</script>
</html>
